<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>会员详细信息</title>
    <link type="text/css" rel="stylesheet" href="fontsawesome/css/font-awesome.css"/>
    <link type="text/css" rel="stylesheet" href="css/style_index.css"/>
    <style type="text/css">
        .input{
            margin-left: 200px;
        }
        .textarea{
            position: relative;
            left: 700px;
            top: -600px;

        }
        .a{
            width: 300px;
            height: 400px
        }
        p{
            font-size: 23px;
            color: rgba(111,111,111,0.6);
            display: block;
        }
        #tb,.bz{
            float:left;
            width:450px;

        }
        #tb input{
            width:306px;
            margin-top:20px;
            height:30px;
        }
        #tb tr{
            background-color:#ffffff;
            vertical-align:middle;
        }
        #tb tr td{
            line-height:36px;
        }
        #tb tr td input{
            margin-bottom:10px;
        }
        .bz{
            margin-left:120px
        }
        .btnn{


        }
        .btne{

        }
        .aa,.ab,.ac{

            width: 200px;
            height: 320px;
        }
        form{
            overflow: hidden;
            width:918px;
            float: left;
            position: relative;
        }

        .img_three {
            width:705px;
            padding-top: 30px;
            float: left;
        }
        .img_three img{
            float:left;
            display: block;
            margin:5px;
        }
        .bz{
            margin-left: 0;
            width：350px!important;
        }
        .three_btn{
            width: 500px;
        }
        .three_btn button,input{
            margin-left: 40px;
        }
        @keyframes fade-in {
            0% {opacity: 0;}/*初始状态 透明度为0*/
            40% {opacity: 0;}/*过渡状态 透明度为0*/
            100% {opacity: 1;}/*结束状态 透明度为1*/
        }
        @-webkit-keyframes fade-in {/*针对webkit内核*/
            0% {opacity: 0;}
            40% {opacity: 0;}
            100% {opacity: 1;}
        }
        body {
            animation: fade-in;/*动画名称*/
            animation-duration: 1.5s;/*动画持续时间*/
            -webkit-animation:fade-in 1.5s;/*针对webkit内核*/
        }
    </style>
</head>
<body>
<div class="main_box">
    <h2><span></span>会员详情</h2>
    <div class="cont_box">

        <form action="all_emp?flag=update_a" method="post" id="staff_form">
            <div class="search_formbox clearfix"></div>


            <table id="tb">
                <tr>
                    <td>编号：</td>
                    <td><input type="text" name="eid" value="${emp.eid }" readonly="true">
                        <input type="hidden" name="id" value="${emp.id }">
                    </td>

                </tr>
                <tr>
                    <td>姓名：</td>
                    <td><input class="text" type="text" name="username" value="${emp.name }"></td>
                </tr>
                <tr>
                    <td>年龄:</td>
                    <td><input class="text" type="text" name="age" value="${emp.age }"></td>
                </tr>
                <tr>
                    <td>性别:</td>
                    <td>
                        <select class="text" name="sex" style="margin-left: 45px">
                            <option value="1">男</option>
                            <option value="2">女</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>电话：</td>
                    <td><input class="text" type="text" name="phone" value="${emp.phone }" required="required"></td>
                </tr>
                <tr>
                    <td>等级：</td>
                    <td>
                        <c:choose>
                            <c:when test="${emp.job=='1' }">
                                <input class="text" type="text"  value="黄金会员" required="required">
                            </c:when>
                            <c:when test="${emp.job=='2' }">
                                <input class="text" type="text"  value="钻石会员" required="required">
                            </c:when>
                            <c:when test="${emp.job=='3' }">
                                <input class="text" type="text"  value="至尊会员" required="required">
                            </c:when>
                        </c:choose>
                        <input type="hidden" name="job" value="${emp.job}">
                    </td>
                </tr>
                <tr>
                    <td>注册时间：</td>
                    <td><input class="text" type="text" name="regtime" value="${emp.regtime }" readonly="true"></td>
                </tr>
            </table>
            <div class="bz">
                <p>备注：</p>
                <input class="a" type="textarea" name="message" value="${emp.message }">
            </div>

            <div class="three_btn">
                <c:choose>
                    <c:when test="${emp.active==1}">
                        <button class="btn blue_btn btnn" >确定修改</button>
                    </c:when>
                    <c:when test="${emp.active==0}">
                        <button  type="button" class="btn blue_btn btnn" onclick="location.href='all_emp?flag=checkok&id=${emp.id}'">审核通过</button>
                    </c:when>
                </c:choose>
                <input class="btn blue_btn btne" type="button" value="返回上一级" onclick="location.href='vip_list.jsp'" >
            </div>

        </form>
        <div class="img_three">
            <img class="aa" alt="该会员没有上传图片" src="http:\\<%=request.getServerName() %>:8080/employee_photo/${emp.photo_fwp }">
            <img class="ab" alt="该会员没有上传图片" src="http:\\<%=request.getServerName() %>:8080/employee_photo/${emp.photo_ic }">
        </div>

    </div>
</div>
</body>
</html>
